<template>
    <el-row>
        <el-col :span="8">{{ id }}</el-col>
        <el-col :span="8">{{ name }}</el-col>
        <el-col :span="8">{{ gender }}</el-col>
    </el-row>
</template>

<script>
export default {
    name: 'User',
    props: [ 'id' , 'name' , 'gender' ],
    created(){
        console.log( 'User组件: created' );
    },
    beforeRouteUpdate(to,from){
        console.log( `User组件beforeRouteUpdate: 从${from.path}到${to.path}` );
        console.log( `from: ` , from , `to: ` , to );
    }
}
</script>

<style>

</style>